<!DOCTYPE html>
<html lang="en">

<head>
	<!-- <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.0/css/bootstrap-grid.css" rel="stylesheet"> -->
	<link href="./vendor/bootstrap-grid.css" rel="stylesheet">
	<meta charset="utf-8" />
	<link rel="apple-touch-icon" sizes="76x76" href="./assets/img/favicon.ico">
	<link rel="icon" type="image/png" href="./assets/img/favicon.ico">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title>数据资产管理平台</title>
	<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no'
		name='viewport' />

	<!-- Google Font -->
	<link href="./assets/layui/css/layui.css" rel="stylesheet">
	<!-- Font Awesome Icons -->
	<!-- <link rel="stylesheet" href="#" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous"> -->
	<!-- <link rel="stylesheet" href="#" crossorigin="anonymous"> -->
	<link rel="stylesheet" href="assets/font/iconfont.css">

	<!-- Main CSS -->
	<link href="./assets/css/main.css" rel="stylesheet" />

	<!-- Animation CSS -->
	<link href="vendor/aos.css" rel="stylesheet" />


	<style>
		.nav-item .active {
			font-weight: 600;
		}

		/* 修改header的样式 */
		.nav-link {
			color: #353c58 !important;
		}

		.navbar-dark .navbar-brand:hover,
		.navbar-dark .navbar-brand:focus {
			color: #FF6A00;
		}
		.sonMenuItem{
			cursor: pointer;
		}

		.btn-outline-white:hover {
			background-color: rgba(244, 244, 244, 0.7);
			border-color: #FF6A00 !important;
		}

		.navbar-dark .navbar-brand {
			color: #353c58;
		}

		.navbar {
			background-color: rgba(244, 244, 244, 0.5);
		}

		.nav-link.active {
			color: #FF6A00 !important;
		}

		.nav-link.active,
		.nav-link.active1 {
			color: #FF6A00 !important;
		}

		.page-item.active .page-link {
			z-index: 1;
			color: #fff;
			background-color: #FF6A00;
			border-color: #FF6A00;
		}

		/* end */

		.card {
			cursor: pointer;
		}

		.card-deck {
			margin-bottom: 15px;
		}

		.ServiceMenu .card-body {
			width: 80px;
			height: 80px;
			overflow: hidden;
			cursor: pointer;
			padding: 0 !important;
			flex: none;
			margin: 10px auto;
		}

		.fun-Directory {
			display: flex;
			flex-wrap: wrap;
		}

		.fun-Directory li {
			width: 16.6%;
		}

		.card-body ul li {
			margin-bottom: 0px !important;
		}

		h3 {
			font-size: 1rem !important;
		}

		.ServiceProduct .card,
		.ServiceMenu .card,
		.moreData .card {
			flex: none;
			width: 22.5% !important;
			margin-left: 1.25% !important;
			margin-right: 1.25% !important;
			margin-bottom: 20px;
		}

		/* 热门产品 */
		.hotProduct .card-header h3 {
			display: inline-block;
		}

		.hotProduct .card-header span {
			font-size: 12px;
			color: #FF6A00;
			margin-left: 10px;
			border: 1px solid #FF6A00;
			padding: 2px 4px;
		}

		/* 大于1680px:默认 */
		/* 1360px ——1680px */
		@media (max-width: 1680px) {

			.ServiceProduct .card,
			.ServiceMenu .card,
			.moreData .card {
				width: 22.5% !important;
				margin-left: 1.25% !important;
				margin-right: 1.25% !important;
			}
		}

		/* 1360px以下 */
		@media (max-width: 1360px) {

			.ServiceProduct .card,
			.ServiceMenu .card,
			.moreData .card {
				width: 30% !important;
				margin-left: 1.66% !important;
				margin-right: 1.66% !important;
			}

			.display-3 {
				font-size: 3.5rem;
			}
		}

		.searchform {
			float: right;
			width: 320px;
			margin-right: 0 !important;
			padding: 0;
			margin-top: 20px;
		}

		.searchform i {
			position: absolute;
			color: rgb(139, 139, 139);
			margin-top: 10.6px;
			margin-left: 10px;
		}

		.searchform input {
			padding-left: 32px;
			width: 305px;
			font-size: 14px;
		}

		.pagehelper {
			padding-top: 0 !important;
			margin-top: -50px;
			margin-bottom: 20px;
		}

		.nav-item .active1 {
			font-weight: 600;
			color: #0F74B5;
		}

		.searchbox {
			font-size: 15px;
			margin-bottom: 30px;
		}

		.searchbox span {
			line-height: 49.6px;
			font-size: 17px;
			color: #666666;
		}

		.searchbox .nav3 {
			width: 50%;
			float: left;
			margin-left: -16px;
			margin-top: 15px;
		}

		.searchbox a {
			color: #666666;
		}

		.searchbox a:hover {
			color: #0F74B5;
		}

		.searchform {
			float: right;
			width: 320px;
			margin-right: 0 !important;
			padding: 0;
			margin-top: 20px;
		}

		.searchform i {
			position: absolute;
			color: rgb(139, 139, 139);
			margin-top: 10.6px;
			margin-left: 10px;
		}

		.searchform input {
			padding-left: 32px;
			width: 305px;
			font-size: 14px;
		}

		.searchHeaderBox {
			position: absolute;
			top: 83px;
			z-index: 1999;
			background-color: white;
			width: 400px;
			left: 856px;
			padding: 10px;
		}

		.searchHeaderBox .label {
			padding: 3px 8px;
			border: 1px solid #d8d8d8;
			margin-right: 12px;
			margin-bottom: 10px;
		}

		::-webkit-input-placeholder {
			/* WebKit browsers */
			color: #999;
			font-size: 14px;
		}

		::-moz-placeholder {
			/* Mozilla Firefox 19+ */
			color: #999;
			font-size: 14px;
		}

		:-ms-input-placeholder {
			/* Internet Explorer 10+ */
			color: #999;
			font-size: 14px;
		}
		/*星星样式*/
		.atar_Show{
			background:url(./assets/img/stark2.png);
			width:160px; height:21px;
			position:relative;
			float:left;
		}

		.atar_Show p{
			background:url(./assets/img/stars2.png);
			left:0;
			height:21px;
			width:124px;
		}
		.card-header{
			cursor: pointer;
		}
		.card-header.active{
			background-color: #FF6A00;
			color: #fff;
		}
	</style>
</head>

<body>

	<!----------------------------------------------------------------------
NAVBAR (remove topnav if you don't want changed nav background on scroll)
------------------------------------------------------------------------>
	<nav class="topnav navbar navbar-expand-lg navbar-dark fixed-top">
		<div class="container-fluid">
			<a class="navbar-brand" href="./index.html"><i class="iconfont icon-globe1 mr-2"
					style="font-size: 20px;"></i><strong>数据资产管理</strong>
			</a>
			<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarColor02"
				aria-controls="navbarColor02" aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>
			<div class="navbar-collapse collapse" id="navbarColor02">
				<ul class="navbar-nav mr-auto d-flex align-items-center">
					<li class="nav-item">
						<a class="nav-link" href="./index.html">门户首页</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="./dataResources.html">公开数据</a>
					</li>
<!--					<li class="nav-item">-->
<!--						<a class="nav-link" href="./productStore.html">数据产品 </a>-->
<!--					</li>-->
<!--					<li class="nav-item">-->
<!--						<a class="nav-link active" href="#">服务产品 </a>-->
<!--					</li>-->
<!--					<li class="nav-item">-->
<!--						<a class="nav-link" href="./customShop.html">定制数据</a>-->
<!--					</li>-->
					<li class="nav-item">
						<a class="nav-link" href="./developer.html">平台介绍</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="./newMessage.html">平台资讯</a>
					</li>
<!--					<li class="nav-item">-->
<!--						<a class="nav-link" href="./accessData.html">数据访问</a>-->
<!--					</li>-->
					<li class="nav-item highSerachBtn">
						<div class="col pt-4 pb-4">
							<a class="btn btn-lg btn-outline-white btn-round searchKeyword text-white"
								style="color: #353c58 !important;border-color: #353c58;"><span class="iconbox border-0"
									style="margin-right: 5px;"><i class="iconfont icon-search"
										style="font-size: 20px;"></i></span>搜索</a>
						</div>
					</li>
				</ul>
				<ul class="navbar-nav ml-auto d-flex align-items-center">
<!--					<li class="nav-item">-->
<!--						<a class="nav-link  myBtn" href="#">-->
<!--							<span class="iconbox border-0" style="margin-right: 5px;"><i-->
<!--									class="iconfont icon-cart-arrow-down"></i></span>产品袋-->
<!--						</a>-->
<!--					</li>-->
					<li class="nav-item">
						<a class="nav-link" href="./mySpace.html">
							<span class="iconbox border-0" style="margin-right: 5px;"><i
									class="iconfont icon-bxs-book-reader"></i></span>用户中心 </a>
					</li>
					<li class="nav-item disabledNone" id="userInfo">
						<ul class="layui-nav" style="background-color: rgba(244, 244, 244, 0);padding: 0;">
							<li class="layui-nav-item">
							  <a href="javascript:;" style="color: #353c58 !important;">
								  <span class="iconbox border-0" style="margin-right: 5px;"><i class="iconfont icon-user-fill"></i></span>
								  用户：<span id="accunt">登录过期</span>
							  </a>
							  <dl class="layui-nav-child">
								<dd><a href="./changePassword.html">修改密码</a></dd>
								<dd><a href="" id="logOutBtn">退出登录</a></dd>
							  </dl>
							</li>
						  </ul>
					</li>
					<li class="nav-item disabledNone" id="attestation">
						<a class="nav-link" style="color:#FF820C;padding-left: 0px;font-size:12px;cursor: pointer;">未认证</a>
					</li>
					<li class="nav-item disabledNone noUser">
						<a class="nav-link" href="./login.html">
							<span class="iconbox border-0" style="margin-right: 5px;"><i
									class="iconfont icon-user-fill"></i></span>登录 </a>
					</li>
					<li class="nav-item disabledNone noUser">
						<span class="nav-link" href="#">
							<a class="btn btn-success btn-round shadow-sm text-white" href="./register.html">
								<i class="iconfont icon-github"></i> 立即注册 <a href="#" class="downloadzip"
									class="hidden"></a>
							</a>
						</span>
					</li>
				</ul>
			</div>
		</div>
	</nav>
	<!-- End Navbar -->


	<!------------------------------------- HEADER --------------------------------------->
	<header>
		<div class="jumbotron jumbotron-lg jumbotron-fluid mb-0 pb-3 bg-primary position-relative"
			style="background-color: #FF6A00 !important;">
			<div class="container-fluid text-white h-100">
				<div class="d-lg-flex align-items-center justify-content-between text-center pl-lg-5">
					<div class="col pt-4 pb-4">
						<h1 class="display-3"><strong>服务产品</strong></h1>
						<h4 class="font-weight-light mb-4"><strong> 数据流通服务</strong><strong></strong></h4>
						<!-- <a href="#" class="btn btn-lg btn-outline-white btn-round">了解更多</a> -->
					</div>
					<div
						class="col align-self-bottom align-items-right text-right h-max-380 h-xl-560 position-relative z-index-1">
						<img src="./assets/img/demo/fuwu.jpg" class="rounded img-fluid" style="float: left;">
					</div>
				</div>
			</div>
		</div>
	</header>
	<!--- END HEADER -->

	<main class="container">

		<!-------------------------------------- PRICING 菜单项 --------------------------------------->
		<section class="pt-4 pb-5" data-aos="fade-up">
			<h3 class="h5 mb-4 font-weight-bold">服务产品分类</h3>
			<div class="card-deck card-pricing text-center ServiceMenu">
			</div>
			<div class="card-deck card-pricing text-center moreData">
			</div>
			<div class="card-deck card-pricing text-center sonMenu">
			</div>
		</section>

		<!-------------------------------------- PRICING --------------------------------------->
		<section class="mt-3 pt-4 pb-5" data-aos="fade-up">
			<h3 class="h5 mb-1 font-weight-bold" id="resourcesTypeTitle">生态环境</h3>
			<!-- 搜索 -->
			<div class="searchbox">
				<ul class="nav nav3">
					<li class="nav-item">
						<a class="nav-link active1" href="#">综合排序</a>
					</li><span>|</span>
					<li class="nav-item">
						<a class="nav-link" href="#">最近更新</a>
					</li><span>|</span>
					<li class="nav-item">
						<a class="nav-link" href="#">最高人气</a>
					</li><span>|</span>
					<li class="nav-item">
						<a class="nav-link" href="#">最好评价</a>
					</li>
				</ul>
				<div class="form-group searchform">
					<div class="col-sm-10">
						<i class="iconfont icon-search"></i>
						<input type="search" id="input" class="form-control" value="" placeholder="请输入关键字搜索产品">
					</div>
				</div>
				<div style="clear: both;"></div>
			</div>
			<div class="card-deck card-pricing ServiceProduct hotProduct">
				<!-- <div class="card shadow-sm border-0">
					<div class="card-header border-0" >
						<h3 class="my-0 font-weight-normal">开发产品</h3>
					</div>
					<div class="card-body">
						<ul class="list-unstyled mt-2 mb-2">
							<li>
								<div style="width: 100%;height: 135px;overflow: hidden;margin-bottom: 10px;"><img src="./assets/img/demo/iconURL2.jpg" /></div>
							</li>
							<li>
								暂定数据用于开发
							</li>
							<li>
								<span style="color: #8890a7;font-size:12px;margin-left: -7px;">
							<div class="atar_Show">
							  <p tip="5" style="width:${num}px"></p>
							</div>
							<span></span>
						</span>
							</li>
							<li style="font-weight:400;font-size:12px;line-height:25px;color: #8890a7;">
								<span>访问次数：0</span>
								<span style="float:right">申购次数：0</span>
							</li>
							<li style="color: #8890a7;font-size: 14px;overflow: hidden;height: 42px;margin-bottom: 5px;">描述：暂无</li>
						</ul>
					</div>
				</div> -->
			</div>
		</section>
		<!-- 分页 -->
		<section class="pt-4 pb-5 pagehelper" data-aos="fade-up">
<!--			<nav aria-label="Page navigation example" style="float: right;">-->
<!--				<ul class="pagination">-->
<!--					<li class="page-item">-->
<!--						<a class="page-link" href="#" aria-label="Previous">-->
<!--							<span aria-hidden="true">&laquo;</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li class="page-item active"><a class="page-link" href="#">1</a></li>-->
<!--					<li class="page-item">-->
<!--						<a class="page-link" href="#" aria-label="Next">-->
<!--							<span aria-hidden="true">&raquo;</span>-->
<!--						</a>-->
<!--					</li>-->
<!--				</ul>-->
<!--			</nav>-->
			<div id="serviceProductPage" style="float: right;"></div>
		</section>

	</main>

	<!-------------------------------------- FOOTER 底部 --------------------------------------->
	<footer class="bg-black pb-5" style="padding-top: 20px;padding-bottom: 20px !important;background-color: #FF6A00;">
		<div class="container">
			<div class="row" style="text-align: center;">
				<div class="col-12 col-md mr-4">
					<small class="d-block mt-3 text-muted" style="color: white !important;">
						<p style="color: white;margin-top: 10px;font-size: 30px;">数据资产管理平台</p>
						Copyright @ 2022 数据资产管理平台-版权所有 蜀ICP备202223603号
					</small>
					<small class="d-block mt-3 text-muted" style="color: white !important;">
						<a href="./legal.html" style="color: white;">隐私政策</a> |
						<a href="./legal.html" style="color: white;">服务条款</a> |
						<a href="./legal.html" style="color: white;">版权声明</a>
					</small>
				</div>
			</div>
		</div>
	</footer>




	<!-------------------------------------- JAVASCRIPTS --------------------------------------->
	<script src="vendor/jquery.min.js" type="text/javascript"></script>
	<script src="vendor/popper.min.js" type="text/javascript"></script>
	<script src="vendor/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
	<script src="vendor/share.js" type="text/javascript"></script>
	<script src="js/functions.js" type="text/javascript"></script>
	<!-- <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.0/js/bootstrap.bundle.js"></script> -->
	<script src="./vendor/bootstrap.bundle.js"></script>
	<script src="./assets/layui/layui.js" type="text/javascript"></script>
	<script src="js/tool.js" type="text/javascript"></script>
	<script src="assets/font/iconfont.js" type="text/javascript"></script>
	<script src="js/header.js" type="text/javascript"></script>

	<!-- tab事件-->
	<script>
		$(function () {
			$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
				// 获取已激活的标签页的名称
				var activeTab = $(e.target).text();
				// 获取前一个激活的标签页的名称
				var previousTab = $(e.relatedTarget).text();
				$(".active-tab span").html(activeTab);
				$(".previous-tab span").html(previousTab);
			});
		});
	</script>
	<!-- Animation -->
	<script src="vendor/aos.js" type="text/javascript"></script>
<!--	serviceStore js文件-->
	<script src="js/serviceStore.js" type="text/javascript"></script>
	<noscript>
		<style>
			*[data-aos] {
				display: block !important;
				opacity: 1 !important;
				visibility: visible !important;
			}
		</style>
	</noscript>
	<script>
		AOS.init({
			duration: 700
		});
	</script>

	<!-- Disable animation on less than 1200px, change value if you like -->
	<script>
		AOS.init({
			disable: function () {
				var maxWidth = 1200;
				return window.innerWidth < maxWidth;
			}
		});
	</script>

	<!-- Carousel Height Smooth -->
	<!-- <script>
    $('.carousel').on('slide.bs.carousel', function (event) {
      var height = $(event.relatedTarget).height();
      var $innerCarousel = $(event.target).find('.carousel-inner');
      $innerCarousel.animate({
        height: height
      });
    });
    </script> -->

	<!-- Popovers -->
	<script>
		$(function () {
			$('[data-toggle="popover"]').popover()
		})
		$('.popover-dismiss').popover({
			trigger: 'focus'
		})
	</script>

	<!-- Tooltips -->
	<script>
		$(function () {
			$('[data-toggle="tooltip"]').tooltip()
		})
	</script>

<!--	<script>-->
<!--		$(function () {-->
<!--			// 请求产品分类信息-->
<!--			let productTypeData;-->
<!--			let currPage = 1, pageSize = 8;-->
<!--			let parame = {-->
<!--				currPage,-->
<!--				pageSize,-->
<!--				keyword: "",-->
<!--				status: 0,-->
<!--				sourceType:'7'-->
<!--			}-->
<!--			$.ajax({
       timeout:30000,-->
<!--				type: 'GET',-->
<!--				url: window.Http + "/system/field/list",-->
<!--				headers: {-->
<!--					'Authorization': "Bearer " + sessionStorage.getItem('Token')-->
<!--				},-->
<!--				data:{catalogTypes:'0,1,2',systemCatalogId: 10000,parentId: ''},-->
<!--				success: function (res) {-->
<!--					if (res.code == 200) {-->
<!--						if (res.rows && res.rows.length > 0) {-->
<!--							productTypeData = res.rows;-->
<!--							renderOneLevel(res.rows);-->
<!--							//没有筛选分类时，默认按第一个分类执行-->
<!--							let typeId = getUrlParam('typeId');-->
<!--							if(typeId){-->
<!--								res.rows.forEach(function(val,i){-->
<!--									if(val.id == typeId){-->
<!--										$('.ServiceMenu').children().eq(i).find('.card-header').addClass('active')-->
<!--										$("#resourcesTypeTitle").text(val.typeName);-->
<!--										//parame.typeIdList = makeChildrenParames(val.id);-->
<!--										RequestProductList(parame);-->
<!--										childrenClassFun(val.id);-->
<!--									}-->
<!--								})-->
<!--							}else{-->
<!--								$('.ServiceMenu').children().eq(0).find('.card-header').addClass('active')-->
<!--								$("#resourcesTypeTitle").text(productTypeData[0].typeName);-->
<!--								//parame.typeIdList = res.rows[0].id;-->
<!--								//parame.typeIdList = makeChildrenParames(res.rows[0].id);-->
<!--								RequestProductList(parame);-->
<!--								childrenClassFun(res.rows[0].id);-->
<!--							}-->

<!--						}-->
<!--					}-->
<!--				}-->
<!--			})-->
<!--			//请求子级分类-->
<!--			function childrenClassFun(Id){-->
<!--				let Params = {-->
<!--				  pageNum: 1,-->
<!--				  pageSize: 30,-->
<!--				  parentId:Id-->
<!--			    }-->
<!--				$.ajax({
       timeout:30000,-->
<!--					url: window.Http + "/system/field/list",-->
<!--					type: 'GET',-->
<!--					headers: {-->
<!--						'Authorization': "Bearer " + sessionStorage.getItem('Token')-->
<!--					},-->
<!--					data: Params,-->
<!--					success: function (res) {-->
<!--						if (res.code == 200) {-->
<!--							if (res.rows && res.rows.length > 0) {-->
<!--								renderOtherLevel(res.rows||[]);-->
<!--							}-->
<!--						}-->
<!--					}-->
<!--				})-->
<!--			}-->
<!--			//添加一级分类HTML-->
<!--			function renderOneLevel(data){-->
<!--				let html = "";-->
<!--				let moreList = [];-->
<!--				let imgUrl = "./assets/img/demo/product_1.png";-->
<!--				data.forEach(function (val, index) {-->
<!--					if (index < 7) {-->
<!--						switch (index) {-->
<!--							case 0:-->
<!--								imgUrl = "./assets/img/demo/product_1.png";-->
<!--								break;-->
<!--							case 1:-->
<!--								imgUrl = "./assets/img/demo/product_2.png";-->
<!--								break;-->
<!--							case 2:-->
<!--								imgUrl = "./assets/img/demo/product_3.png";-->
<!--								break;-->
<!--							case 3:-->
<!--								imgUrl = "./assets/img/demo/product_4.png";-->
<!--								break;-->
<!--							case 4:-->
<!--								imgUrl = "./assets/img/demo/product_5.png";-->
<!--								break;-->
<!--							case 5:-->
<!--								imgUrl = "./assets/img/demo/product_6.png";-->
<!--								break;-->
<!--							case 6:-->
<!--								imgUrl = "./assets/img/demo/product_7.png";-->
<!--								break;-->
<!--							default:-->
<!--								break;-->
<!--						}-->
<!--						html += `<div class="card info border-0 shadow-sm" data-ID="${val.id}" data-TYPE="${val.type}" style="margin-left:15px;">-->
<!--									<div class="card-body">-->
<!--										<img class="d-block w-100" src="`+ imgUrl + `" alt="` + val.fieldName + `">-->
<!--									</div>-->
<!--									<div class="card-header border-0 pt-4 pb-4">-->
<!--										<h3 class="my-0 font-weight-normal">${val.fieldName}</h3>-->
<!--									</div>-->
<!--								</div>`-->
<!--					} else {-->
<!--						let data = {-->
<!--							id: val.id,-->
<!--							typeName: val.fieldName-->
<!--						}-->
<!--						moreList.push(data)-->
<!--					}-->
<!--				})-->
<!--				if (data.length > 7) {-->
<!--					html += `<div class="card moreInfo border-0 shadow-sm">-->
<!--								<div class="card-body">-->
<!--									<img class="d-block w-100" src="./assets/img/demo/product_8.png" alt="更多分类">-->
<!--								</div>-->
<!--								<div class="card-header border-0 pt-4 pb-4">-->
<!--									<h3 class="my-0 font-weight-normal">更多分类</h3>-->
<!--								</div>-->
<!--							</div>`-->
<!--				}-->
<!--				// 更多分类信息-->
<!--				moreInfo(moreList);-->
<!--				$(".ServiceMenu").append(html);-->
<!--			}-->
<!--			//添加除一级菜单以外的多级节点-->
<!--			function renderOtherLevel(data){-->
<!--				let html = "";-->
<!--				data.forEach(function (val, index) {-->
<!--					html += `<div class="info border-0 shadow-sm" data-ID="${val.id}" data-TYPE="${val.type}" style="margin-left:15px;cursor: pointer;">-->
<!--								<div class="card-header border-0 pt-2 pb-2">-->
<!--									<h3 class="my-0 font-weight-normal">${val.fieldName}</h3>-->
<!--								</div>-->
<!--							</div>`-->
<!--				})-->
<!--				$(".otherLevelMenu").empty().append(html);-->
<!--			}-->
<!--			-->
<!--			function getUrlParam(name) {-->
<!--				var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象-->
<!--				var r = window.location.search.substr(1).match(reg); //匹配目标参数-->
<!--				if (r != null) return unescape(r[2]);-->
<!--				return null; //返回参数值-->
<!--			}-->

<!--			// 点击分类数据，在下方展示相关数据-->
<!--			function RequestProductList(parame) {-->
<!--				// 根据产品类型请求产品数据 并展示-->
<!--				let index = layer.load(1);-->
<!--				$.ajax({
       timeout:30000,-->
<!--					type: 'GET',-->
<!--					url: window.Http + "/dataProduct/list",-->
<!--					headers: {-->
<!--						'Authorization': "Bearer " + sessionStorage.getItem('Token')-->
<!--					},-->
<!--					data: parame,-->
<!--					success: function (res) {-->
<!--						layer.close(index);-->
<!--						if (res.code == 200) {-->
<!--							console.log(res)-->
<!--							if (res.rows && res.rows.length > 0) {-->
<!--								let html = "";-->
<!--								res.rows.forEach(function (val, index) {-->
<!--									let labelHtml = "";-->
<!--									if(val.keyword){-->
<!--										let keywordStr = val.keyword;-->
<!--										let reg=/\\|\/|\;|\;|\，|\,|\、|\、|\^|\`|\|/g;-->
<!--										keywordStr = keywordStr.replace(reg,",");-->
<!--										let labels = keywordStr.split(',');-->
<!--										labels.forEach((item)=>{-->
<!--											labelHtml +=`<span style="border: 1px solid #0ac382;border-radius: 2px;font-size: 12px;color: #0ac382;line-height: 18px;margin-right: 6px;padding: 0 6px;">${item}</span>`-->
<!--										})-->
<!--									}-->
<!--									let num = (Math.ceil(val.score))*31;//评分-->
<!--									html +=-->
<!--										`<div class="card shadow-sm border-0" data-ID="${val.id}">-->
<!--												<div class="card-header border-0" >-->
<!--													<h3 class="my-0 font-weight-normal">${val.productName}</h3>-->
<!--												</div>-->
<!--												<div class="card-body">-->
<!--													<ul class="list-unstyled mt-2 mb-2">-->
<!--														<li>-->
<!--															<div style="width: 100%;height: 135px;overflow: hidden;margin-bottom: 10px;"><img src="${val.iconUrl ? val.iconUrl:'./assets/img/demo/iconURL2.jpg'}" /></div>-->
<!--														</li>-->
<!--														<li>-->
<!--															${labelHtml}-->
<!--														</li>-->
<!--														<li>-->
<!--															<span style="color: #8890a7;font-size:12px;margin-left: -7px;">-->
<!--														<div class="atar_Show">-->
<!--														  <p tip="5" style="width:${num}px"></p>-->
<!--														</div>-->
<!--														<span></span>-->
<!--													</span>-->
<!--														</li>-->
<!--														<li style="font-weight:400;font-size:12px;line-height:25px;color: #8890a7;">-->
<!--															<span>访问次数：${val.visitCount}</span>-->
<!--															<span style="float:right">申购次数：${val.buyCount}</span>-->
<!--														</li>-->
<!--														<li style="color: #8890a7;font-size: 14px;overflow: hidden;height: 42px;margin-bottom: 5px;">描述：${val.detaile}</li>-->
<!--													</ul>-->
<!--												</div>-->
<!--											</div>-->
<!--											`-->
<!--								})-->
<!--								$(".hotProduct").html(html);-->
<!--							} else {-->
<!--								$(".hotProduct").html('<h3 style="margin: auto;">暂时没有数据！</h3>')-->
<!--							}-->
<!--							renderPage(res.total, parame.currPage)-->

<!--						}-->
<!--					}-->
<!--				})-->

<!--			}-->
<!--			// 点击分类数据，在下方展示相关数据-->
<!--			$(".ServiceMenu").delegate(".info", "click", function () {-->
<!--				// 收起更多-->
<!--				$('.moreInfo h3').html('更多分类')-->
<!--				$('.moreData').html('')-->
<!--				// 点击控制选中颜色-->
<!--				$(this).parent().find('.card-header').removeClass("active");-->
<!--				$(this).find('.card-header').addClass('active');-->
<!--				let typeId = $(this).attr("data-ID");-->
<!--				let typeName;-->
<!--				parame.keyword = '';-->
<!--				$('#input').val('');-->
<!--				parame.typeIdList = makeChildrenParames(typeId);-->
<!--				productTypeData.forEach((item, index) => {-->
<!--					if (item.id == typeId) {-->
<!--						$('[data-name]').html(`${item.typeName}`)-->
<!--						typeName = item.typeName;-->
<!--						//parame.typeIdList = +typeId-->
<!--						RequestProductList(parame);-->
<!--						$("#resourcesTypeTitle").text(typeName);-->
<!--					}-->
<!--				})-->

<!--			})-->
<!--			//组装多层子级参数-->
<!--			function makeChildrenParames(id){-->
<!--				//父级循环-->
<!--				let arrIds = "";-->
<!--				productTypeData.forEach(function (item, index) {-->
<!--					if(id == item.id){-->
<!--						arrIds =`${item.id}`;-->
<!--						if(item.childrenList && item.childrenList.length>0){-->
<!--							//第二层子级-->
<!--							let secondChildren = item.childrenList;-->
<!--							secondChildren.forEach(function (X) {-->
<!--								arrIds =`${arrIds},${X.id}`;-->
<!--								if(X.childrenList && X.childrenList.length>0){-->
<!--									//第三层子级-->
<!--									let thirdChildren = X.childrenList;-->
<!--									thirdChildren.forEach(function (Y) {-->
<!--										arrIds =`${arrIds},${Y.id}`;-->
<!--									})-->
<!--								}-->
<!--							})-->
<!--						}-->
<!--					}-->

<!--				})-->
<!--				return arrIds;-->
<!--			}-->
<!--			// 点击更多分类展示其他分类信息-->
<!--			function moreInfo(data) {-->
<!--				$(".ServiceMenu").delegate(".moreInfo", "click", function () {-->
<!--					$('.ServiceMenu .info [style]').attr('style', '')-->
<!--					let text = $('.moreInfo h3').html()-->
<!--					if (text == "更多分类") {-->
<!--						$('.moreInfo h3').html('收起<i class="iconfont icon-31shouqi"></i>')-->
<!--						let html = ''-->
<!--						data.forEach(item => {-->
<!--							html += `-->
<!--							<div class="card border-0 shadow-sm" data-ID="${item.id}">-->
<!--								<div class="card-header border-0 pt-4 pb-4">-->
<!--									<h3 class="my-0 font-weight-normal more">${item.typeName}</h3>-->
<!--								</div>-->
<!--							</div>-->
<!--							`-->
<!--						})-->
<!--						$('.moreData').html(html)-->

<!--					} else {-->
<!--						$('.moreInfo h3').html('更多分类')-->
<!--						$('.moreData').html('')-->
<!--					}-->

<!--				})-->
<!--			}-->
<!--			// 点击更多分类的分类信息在下方展示相关数据-->
<!--			$('.moreData').delegate(".card", "click", function () {-->
<!--				// 点击控制选中颜色-->
<!--				for (let i = 0; i < $(this).parent().find('.card-header').length; i++) {-->
<!--					if ($(this).parent().find('.card-header')[i] == $(this).find('.card-header')[0]) {-->
<!--						$(this).find('.card-header').addClass('active')-->
<!--					} else {-->
<!--						$(this).parent().find('.card-header').removeClass("active");-->
<!--					}-->
<!--				}-->
<!--				let typeId = $(this).attr("data-ID");-->
<!--				let typeName;-->
<!--				parame.keyword = '';-->
<!--				$('#input').val('');-->
<!--				parame.typeIdList = makeChildrenParames(typeId);-->
<!--				productTypeData.forEach((item, index) => {-->
<!--					if (item.id == typeId) {-->
<!--						$('[data-name]').html(`${item.typeName}`)-->
<!--						typeName = item.typeName;-->
<!--						//parame.typeIdList = +typeId-->
<!--						RequestProductList(parame);-->
<!--						$("#resourcesTypeTitle").text(typeName);-->
<!--					}-->
<!--				})-->
<!--			})-->

<!--			// 点击商品跳转到详情页面-->
<!--			$(".hotProduct").delegate(".card", "click", function () {-->
<!--				let dataId = $(this).attr("data-ID");-->
<!--				//let Type = $(this).attr("data-TYPE");-->
<!--				window.location.href = './serverProductDetial.html?productId=' + dataId;-->

<!--			});-->

<!--			// 点击排序-->
<!--			$('.searchbox a').on('click', function () {-->
<!--				if ($(this).html() == '综合排序') {-->
<!--					parame.sortField = ''-->
<!--					RequestProductList(parame);-->

<!--				} else if ($(this).html() == '最近更新') {-->
<!--					parame.sortField = 'update_time desc'-->
<!--					RequestProductList(parame);-->

<!--				} else if ($(this).html() == '最高人气') {-->
<!--					parame.sortField = 'visit_count desc'-->
<!--					RequestProductList(parame);-->

<!--				} else if ($(this).html() == '最好评价') {-->
<!--					parame.sortField = 'score desc'-->
<!--					RequestProductList(parame);-->

<!--				}-->

<!--			})-->



<!--			// 回车搜索-->
<!--			$('#input').bind('keypress', function (e) {-->
<!--				if (e.keyCode == '13') {-->
<!--					// 获取搜索框输入的搜索内容-->
<!--					let content = $(this)[0].value;-->
<!--					if (content == null) {-->
<!--						RequestProductList(parame)-->
<!--					} else {-->
<!--						parame.keyword = content-->
<!--						RequestProductList(parame)-->
<!--					}-->
<!--				}-->
<!--			})-->
<!--			$('.nav3 .nav-item a').click(function (e) {-->
<!--				e.preventDefault();-->
<!--				$(".nav3 .nav-item a").removeClass('active1')-->
<!--				$(this).addClass("active1")-->
<!--			})-->
<!--			//处理分页-->
<!--			let pageNumber;-->
<!--			function renderPage(num, pagen) {-->
<!--				pagen -= -1;-->
<!--				pageNumber = Math.ceil(num / pageSize);-->
<!--				let html = '';-->
<!--				$('.pagination').empty();-->
<!--				$('.pagination').append(`<li class="page-item previous"> <a class="page-link" href="#" aria-label="Previous">-->
<!--					<span aria-hidden="true">&laquo;</span></a></li>-->
<!--					<li class="page-item next"><a class="page-link" href="#" aria-label="Next"><span aria-hidden="true">&raquo;</span></a></li>`)-->
<!--				for (var i = 1; i <= pageNumber; i++) {-->
<!--					html += `<li class="page-item"><a class="page-link pageN" href="#">` + i + `</a></li>`-->
<!--				}-->
<!--				$('.pagination li:first-child').after(html)-->
<!--				$('.pagination li:nth-child(' + pagen + ')').addClass('active')-->
<!--			}-->

<!--			// 分页(数字)-->
<!--			$('.pagination').on('click', '.pageN', function (e) {-->
<!--				e.preventDefault()-->
<!--				// 获取页数-->
<!--				let num = $(this)[0].innerHTML;-->
<!--				parame.currPage = num-->
<!--				RequestProductList(parame);// 发送请求-->
<!--			})-->
<!--			// 分页(上一页)-->
<!--			$('.pagination').on('click', '.previous', function (e) {-->
<!--				e.preventDefault()-->
<!--				// 获取当前页数-->
<!--				let num = $(this).siblings('.active')[0].children[0].innerHTML;-->
<!--				if (num > 1) {-->
<!--					num -= 1;-->
<!--					parame.currPage = num-->
<!--					RequestProductList(parame);// 发送请求-->
<!--				}-->
<!--			})-->
<!--			// 分页(下一页)-->
<!--			$('.pagination').on('click', '.next', function (e) {-->
<!--				e.preventDefault()-->
<!--				// 获取当前页数-->
<!--				let num = $(this).siblings('.active')[0].children[0].innerHTML;-->
<!--				if (num <= pageNumber) {-->
<!--					num -= -1;-->
<!--					parame.currPage = num-->
<!--					RequestProductList(parame);// 发送请求-->
<!--				}-->
<!--			})-->
<!--		})-->
<!--	</script>-->

</body>

</html>
